<script setup lang='ts'>
const props = withDefaults(defineProps<{
    item?: any
}>(), {
    item: () => {},
})
const { item } = toRefs(props)
</script>

<template>
    <div class="flex items-center">
        <div class="text-14">
            {{ item.label }}
        </div>

        <div class="ml-8 flex items-center">
            <el-tag v-for="tag in item.valueName"
                    :key="tag.label"
                    closable
                    size="large"
                    type="info"
            >
                {{ tag }}
            </el-tag>
        </div>

        <div class="ml-8">
            <el-button plain
                       type="primary"
            >
                <template #icon>
                    <div i-material-symbols:delete
                         class="text-24"
                    />
                </template>
                删除
            </el-button>
        </div>
    </div>
</template>
